<template>
    <div>
        <div class="container">
            <div class="p-3 loginPage border border-1 shadow">
                <div class="form-group">
                    <label for="">账号：</label>
                    <input type="text" class="form-control" v-model="list.acc" name="" id="" aria-describedby="helpId"
                        placeholder="请输入账号">
                </div>
                <div class="form-group">
                    <label for="">密码：</label>
                    <input type="password" class="form-control" v-model="list.pwd" name="" id="" aria-describedby="helpId"
                        placeholder="请输入密码">
                </div>
                <!-- <p v-show="isshow" class="text-danger mt-3">账号或密码错误！</p> -->
                <button type="button" class="btn btn-success col-12 mt-3" @click="handler">登录</button>
            </div>
        </div>
    </div>
</template>

<script setup>
import { ref } from "vue"
import { useRouter } from "vue-router"

const router = useRouter()


const list = ref({
    acc: '',
    pwd: ''
})


const handler = e =>{
    router.push({path:'/user',query:{uacc:list.value.acc,upwd:list.value.pwd}})
}

</script>

<style lang="scss" scoped>
.loginPage {
    margin: 60px auto;
    width: 600px;
}
</style>